module namespace mainview = "http://www.xmlproject.com/smi/lib/view/mainview";

import module namespace http ="http://www.28msec.com/modules/http";

(:~
 : Renders the main start page with the search form  
 :
 : @return returns a complete HTML page with head and body
 :)
 
declare function mainview:show()
{
    <html>
        <head>
            <title>Expedia Search</title>
            <style type="text/css">
                <!--
                    html,body {
                        font-family: Helvetica,Arial,sans-serif;
                        font-size: small;
                        background-color: #FFFFFF;
                        color: #000000;
                    }
                    h1{
                        padding-top: 25px;
                        padding-bottom: 15px;
                        font-weight: bold;
                        font-size: 30px;
                    }
                    h2{
                        padding: 10px 5px 3px 5px;
                        font-weight: bold;
                        font-size: 20px;
                        background-color: #dedede;
                        border-bottom: 1px solid #900000;
                    }
                    h3{
                        padding-top: 10px;
                        padding-bottom: 5px;
                        font-weight: bold;
                        font-size: 16px;
                        display: block;
                        margin: 0px;
                    }
                    p{
                        padding-top: 5px;
                        padding-bottom: 10px;
                        margin: 0px;
                    }
                -->
            </style>
        </head>
        <body>
            <center><h1>Expedia Search</h1></center>
            <center>
                <form id="search-form" action="/flightSearch/search" method="POST">
                    <p>
                        <input type="text" size="60" name="query" value="" />
                        <input type="submit" value="Search" />
                    </p>
                </form>
                <div id="results"></div>
            </center>
            
            <hr/>
      
        </body>
    </html>
};
